<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
    <%
        String FName = "";
        String LName = "";
        String Email = "";
        String Phone = "";	
        String UserName = "";
        String Message = "";
        
 
    if (request.getParameterMap().containsKey("error")) {
    FName = request.getParameter("FName");
    LName = request.getParameter("LName");
    Email = request.getParameter("Email");
    Phone = request.getParameter("Phone");
    UserName = request.getParameter("UserName");
    Message = "User Name " + UserName + " already exist";
    }
    %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Defect Tracking System - Create Account</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css">
</head>
<body>

<center>
<br>
<div class="pure-g">
	<style scoped>
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }
        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

	</style>
	
    <div class="pure-u-1-3"> </div>
    <div class="pure-u-1-3">
    	<button class="button-secondary pure-button">Defect Tracking System</button> 
    </div>
    <div class="pure-u-1-3"> Team B </div>
</div>
<br><br>
<!------------------------------------------------->
<!-------------------head ----------------------->
<!------------------------------------------------->

<u><h3>Create a User Profile</h3></u>
<h4><%=Message%></h4>

<!------------------------------------------------->
<!------------------- create account form  ----------------------->
<!------------------------------------------------->


<form class="pure-form pure-form-aligned" action="CreateAccountServlet" method="post">
    <fieldset>
        <div class="pure-control-group">
            <label class="pure-input-1-4">User Name</label>
            <input class="pure-input-1-4" id="username" type="text" name="username">
        </div>

        <div class="pure-control-group">
            <label class="pure-input-1-4">Password</label>
            <input class="pure-input-1-4" id="password" type="password"  name="password">
        </div>
        
        <div class="pure-control-group">
            <label class="pure-input-1-4" >Confirm Password</label>
            <input class="pure-input-1-4" id="confpassword" type="password" name="confpassword">
        </div>
        
        <div class="pure-control-group">
            <label class="pure-input-1-4">First Name</label>
            <input class="pure-input-1-4"  id="fname" type="text" name="fname" value="<%=FName%>">
        </div>
        
        <div class="pure-control-group">
            <label class="pure-input-1-4">Last Name</label>
            <input class="pure-input-1-4"  id="lname" type="text" name="lname" value="<%=LName%>">
        </div>
        
       <div class="pure-control-group">
            <label class="pure-input-1-4">Email Address</label>
            <input class="pure-input-1-4"  id="email" type="text" name="email" value="<%=Email%>">
        </div>
        
        <div class="pure-control-group">
            <label class="pure-input-1-4"  for="phone">Phone Number</label>
            <input class="pure-input-1-4"  id="phone" type="text" name="phone" value="<%=Phone%>">
        </div>        
		
		<br>
		<div class="pure-control-group">
            <button type="submit" class="pure-button pure-button-primary">Submit</button>&nbsp;&nbsp;
            <button type="reset" class="pure-button pure-button-primary">reset</button>
        </div>
    </fieldset>
</form>

</body>
</html>